$(function() {
	$(".star button").on("click",function(){
		$(".star").css("display","none");
		gameTime = 0;
		stopWacth = setInterval(stopW,10);
		$(".stop").on("click",function(){
			clearInterval(stopWacth);
			setTimeout(function(){
				alert("你所花费的时间为："+gameTime.toFixed(2)+"秒");
			
			},10)
		})
	})
	//计时器
	var miao = $("p");
	var stopWacth;
	var gameTime;
	function stopW(){
		gameTime += 0.01;
		$(miao).html(gameTime.toFixed(2));
	}
	
	$(".web").on("click","td", function() {
		var line1 = [$("td").eq(0),$("td").eq(1),$("td").eq(2)];
		var line2 = [$("td").eq(3),$("td").eq(4),$("td").eq(5)];
		var line3 = [$("td").eq(6),$("td").eq(7),$("td").eq(8)];
		
		var tab = [line1,line2,line3];
		var i = $(this).parent().index();
		var j = $(this).index();
		console.log(i,j);
		
		 var temp = tab[i][j];
		 while(1){
		 	if(i!=2&&tab[i+1][j].children().length==0){ 
		 		tab[i][j] = tab[i+1][j];
		 		tab[i+1][j] = temp;
		 		break;
		 	}else if(i!=0&&tab[i-1][j].children().length==0){ 
		 		tab[i][j] = tab[i-1][j];
		 		tab[i-1][j] = temp;
		 		break;
		 	}else if(j!=2&&tab[i][j+1].children().length==0){
		 		tab[i][j] = tab[i][j+1];
		 		tab[i][j+1] = temp;
		 		break;
		 	}else if(j!=0&&tab[i][j-1].children().length==0){
		 		tab[i][j] = tab[i][j-1];
		 		tab[i][j-1] = temp;
		 		break;
		 	}else{
		 		tab[i][j] = tab[i][j];
		 		tab[i][j] = temp;
		 		break;
		 	}
		 }
		 	
		 	
		 $(".web tr").html("");
		 for(let i=0;i<3;i++) {
		 	for(let j=0;j<3;j++) {
		 		$(".web tr").eq(i).append(tab[i][j]);
		 	}
		 }
	})
})